<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>公司会表</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="__PUBLIC__/Home/css/mui.min.css" rel="stylesheet" />
		
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/mui.picker.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/mui.dtpicker.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/mui.picker.min.css"/> 
		<script src="__PUBLIC__/Home/js/mui.min.js"></script>
		<script src="__PUBLIC__/Home/js/jquery.min.js"></script>
		<script src="__PUBLIC__/Home/js/mui.picker.min.js"></script>
	</head>
	<style>
		.mui-card .mui-control-content {
			padding: 10px;
		}
		.mui-control-content {
			height: 150px;
		}
		body{
			font-family: "微软雅黑";
		}
	</style>
	<body>
	
		<div class="mui-content">
			 <div class="mui-input-row mui-search" style="margin-top:20px">
    			<input type="text" id="starttime" class="mui-input-clear " placeholder="请选择时间查看公司会议情况默认当天">
			</div>
			<ul class="mui-table-view">
			    <li class="mui-table-view-cell mui-badge-purple" id="time" style="text-align: center;"></li>
			</ul>
			<ul class="mui-table-view">
			   <li class="mui-table-view-cell mui-media">
			       <a href="./info.php">
			            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/888.png">
			            <div class="mui-media-body">
			               	<p>"十二五""核高基"重大科技专项审核</p>
					                <p class='mui-ellipsis'><span>08：00 -- 09：00</span><spn>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二会议室</spn></p>
			            </div>
			        </a>
			    </li>
			     <li class="mui-table-view-cell mui-media">
			       <a href="./info.php">
			            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/888.png">
			            <div class="mui-media-body">
			               	<p>国产电子化公文项目汇报会</p>
					                <p class='mui-ellipsis'><span> 10 : 00 -- 11 : 00 </span><spn>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二会议室</spn></p>
			            </div>
			        </a>
			    </li>
			     <li class="mui-table-view-cell mui-media">
			       <a href="./info.php">
			            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/888.png">
			            <div class="mui-media-body">
			               	<p>党委会</p>
					                <p class='mui-ellipsis'><span>13：30 -- 14：30</span><spn>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第四会议室</spn></p>
			            </div>
			        </a>
			    </li>
			     <li class="mui-table-view-cell mui-media">
			       <a href="./info.php">
			            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/888.png">
			            <div class="mui-media-body">
			               	<p>总裁办公会</p>
					                <p class='mui-ellipsis'><span>15：30 -- 16：30</span><spn>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第四会议室</spn></p>
			            </div> 
			        </a>
			    </li>
			     <li class="mui-table-view-cell mui-media">
			       <a href="./info.php">
			            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/888.png">
			            <div class="mui-media-body">
			               	<p>审计署项目和大数据业务专题会</p>
			                <p class='mui-ellipsis'><span>16：40 -- 17：00</span><spn>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第四会议室</spn></p>
			            </div>
			        </a>
			    </li>
			</ul>
		</div>
			<script type="text/javascript">
			mui.init();
			var time1 = new Date();
			var startz = time1.getDay();
			var startz1;
			if(startz === 0){
				startz1 = -7;
			}else{
				startz1 = -startz;
			}
			var end = 7 - startz;
			var time = time1.getTime();  
			startz = new Date(time + startz1*24*3600*1000); 
			end = new Date(time + end*24*3600*1000);
			
			
			
			var zhou = new Date();
			var arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];  
			var zhouindex =  arr[zhou.getDay()];
			var y  = zhou.getFullYear();
			var mm = zhou.getMonth()+1;
			var dd = zhou.getDate();
			document.getElementById('time').innerText= y+'-'+mm+'-'+dd+'   '+zhouindex;
			var dtpicker = new mui.DtPicker({
			    type: "date",//设置日历初始视图模式 
			    beginDate: new Date(zhou.getFullYear(),zhou.getMonth(),zhou.getDate()),//设置开始日期 
			    endDate: new Date(end.getFullYear(),end.getMonth(),end.getDate()),//设置结束日期 
			    labels: ['年', '月', '日', '时', '分'],//设置默认标签区域提示语 
			    customData: { 
			        
			    }//时间/日期别名 
			}) 
			dtpicker.hide(function(e) {
			    console.log(e);
		    }) 
			document.getElementById('starttime').addEventListener('tap',function(){
				dtpicker.show(function(e) { 
					document.getElementById('starttime').value= e.text;
					var zhou1 = new Date(e.text);
					var arr1 = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
					var zhouindex1 =  arr1[zhou1.getDay()];
				    document.getElementById('time').innerText= e.text+'  '+zhouindex1;
				  }) 
			})
		</script>
	</body>

</html>